<script>
import renderZi from './renderZi.vue'
//
import Vue from 'vue'
// 将一个模板字符串编译成 render 函数
// var res = Vue.compile('<div><span>{{ msg }}</span></div>')
//vue中创建一个可响应的数据
const state = Vue.observable({ count: 0 })

export default {
  data () {
    return {
      msg: '大哥，大姐'
    }
  },
  mounted () {
    console.log(Vue.version)
  },
  // render: res.render
  render: h => {
    return h(
      'div',
      {
        on: {
          click () {
            // alert(1)
            state.count++
          }
        },
        class: {},
        style: {
          color: 'red'
        }
      },
      [
        h('span', {}, [
          `${state.count}`,
          h('a', { attrs: { href: '#' } }, '连接')
        ]),
        h(renderZi)
      ]
    )
  }
}
</script>
<style lang="less"></style>
